<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>抢票确认</title>
    <meta name="keywords" content="railway,Service,weChat,RailwayServiceWechat" />
    <meta name="description" content="高铁微信端,高铁微信服务,高铁微信服务首页" />
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"></script>
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0" />-->
	<link href="../statics/css/weui.min.css" rel="stylesheet"/>
	<link href="../statics/css/jquery-weui.min.css" rel="stylesheet"/>
    <link href="../statics/css/icon-font/iconfont.css" rel="stylesheet">
    <!--<link rel="stylesheet" href="../statics/css/ticketsStyle.css" />-->
    <link rel="stylesheet" href="../statics/css/ticket/grabTicket.css" />
    <link rel="stylesheet" href="../statics/css/ticket/vCode.css"/>
</head>
<body ontouchstart>
	<section class="grabTicket">
        <div class="page__bd selectInfo">
            <a class="weui-cell weui-cell_access" id="trainNum_type">
                <div class="weui-cell__bd">
                    <p>备选车次：<span>提高抢票成功率</span></p>
                </div>
                <div class="weui-cell__ft"></div>
            </a>
            <a class="weui-cell weui-cell_access" href="javascript:void(0);" id="set_type">
                <div class="weui-cell__bd">
                    <p>备选坐席：<span>提高抢票成功率</span></p>
                </div>
                <div class="weui-cell__ft"></div>
            </a>
            <a class="weui-cell weui-cell_access adult" href="javascript:void(0);" id="ticketsDate">
                <div class="weui-cell__bd">
                    <p>备选日期：<span>提高抢票成功率</span></p>
                </div>
                <div class="weui-cell__ft"></div>
            </a>
        </div>

        <div class="page__bd grab_tickets">
            <ul class="train-info">
                <li id="bound" class="weui-flex">
                    <dd class="weui-flex__item">绑定12306帐号</dd>
                    <dd>
                        <i class="iconfont icon-msnui-bind"></i>
                    </dd>
                </li>
                <li id="logged" class="weui-flex hide">
                    <dd class="weui-flex__item">12306登录帐号</dd>
                    <dd id="switch" class="color-orange">切换帐号</dd>
                </li>
                <!--<li class="weui-flex passengerInfo">-->
                    <!--<dd class="weui-flex__item">-->
                        <!--<span class="reduce"><i class="iconfont icon-jianshao"></i></span>-->
                        <!--<span class="passengerName" style="display: inline-block;margin-right: 0.1rem;">徐致</span><span class="passengerType" style="transform: scale(0.8);display: inline-block;color: #747a7f;">成人票</span>-->
                    <!--</dd>-->
                    <!--<dd class="passengerNo">430181********1256</dd>-->
                <!--</li>-->
                <!--<li class="weui-flex passengerInfo">-->
                    <!--<dd class="weui-flex__item">-->
                        <!--<span class="reduce"><i class="iconfont icon-jianshao"></i></span>-->
                        <!--<span class="passengerName" style="display: inline-block;margin-right: 0.1rem;">徐致</span><span class="passengerType" style="transform: scale(0.8);display: inline-block;color: #747a7f;">成人票</span>-->
                    <!--</dd>-->
                    <!--<dd class="passengerNo">430181********1255</dd>-->
                <!--</li>-->
                <li id="modify" class="weui-flex">
                    <dd class="weui-flex__item">添加/修改乘车人</dd>
                    <dd>
                        <i class="iconfont icon-tianjiachangyonglvke"></i>
                    </dd>
                </li>
            </ul>
        </div>
        <div class="page__bd grab_tickets">
            <div class="weui-cell rel">
                <div class="weui-cell__bd">
                    <p>短信通知</p>
                </div>
                <div class="weui-cell__ft"><input type="text" class="input-control" placeholder="请输入手机号"/></div>
            </div>
        </div>
		
        <!-- 绑定12306账号 -->
        <!--<div class="page__bd alert" id="login">-->
            <!--<p class="tip">绑定12306账号<i class="close" onclick="close_login();"></i></p>-->
            <!--<dl class="rel rel_login">-->
                <!--<dt><i class="user_icon"></i><input type="text" class="input-control" placeholder="请输入12306账号" class="" /></dt>-->

                <!--<dt><i class="pwd_icon"></i><input type="password" class="input-control" placeholder="请输入12306密码" class="" /></dt>-->
                <!--<dd>-->
                    <!--<div class="weui-btn-area btn_bottom">-->
                        <!--<a class="weui-btn btn_or" href="javascript:" id="to_login">确认</a>-->
                    <!--</div>-->
                <!--</dd>-->
            <!--</dl>-->
        <!--</div>-->

        <div class="set_show"> 
            <div class="weui-mask"></div> 
                <div class="weui-picker"> 
                    <div class="weui-picker__hd"> 
                        <a href="javascript:;" data-action="cancel" class="weui-picker__action seatCancle">取消</a>
                        <a href="javascript:;" data-action="select" class="weui-picker__action seatConfirm" id="weui-picker-confirm">确定</a>
                    </div> 
                    <div class="title">
                        <p class="trainNum_state">请选择座位类别：</p></div>
                    <div class="weui-picker__bd">
                        <div class="weui-picker__content weui-cells_checkbox seatSelect" style="transform: translate3d(0px, 0px, 0px);">
                            <div class="weui-picker__item weui-cell">
                                <label class="weui-cell__hd weui-check__label" for="s11">
                                <span class="txt_left">硬座</span>
                                    <p class="ft_right"><input type="checkbox" class="weui-check" name="checkbox1" id="s11">
                                        <i class="weui-icon-checked"></i></p>
                                </label>
                                <label class="weui-cell__hd weui-check__label" for="s12">
                                <span class="txt_left">硬卧</span>
                                <p class="ft_right"><input type="checkbox" class="weui-check" name="checkbox1" id="s12"><i class="weui-icon-checked"></i></p>
                                </label>
                            </div>
                            <div class="weui-picker__item weui-cell">
                                <label class="weui-cell__hd weui-check__label" for="s13">
                                <span class="txt_left">软座</span>
                                    <p class="ft_right"><input type="checkbox" class="weui-check" name="checkbox1" id="s13">
                                        <i class="weui-icon-checked"></i></p>
                                </label>
                                <label class="weui-cell__hd weui-check__label" for="s14">
                                <span class="txt_left">软卧</span>
                                <p class="ft_right"><input type="checkbox" class="weui-check" name="checkbox1" id="s14"><i class="weui-icon-checked"></i></p>
                                </label>
                            </div>
                            <div class="weui-picker__item weui-cell">
                                <label class="weui-cell__hd weui-check__label" for="s15">
                                <span class="txt_left">商务座</span>
                                    <p class="ft_right"><input type="checkbox" class="weui-check" name="checkbox1" id="s15">
                                        <i class="weui-icon-checked"></i></p>
                                </label>
                                <label class="weui-cell__hd weui-check__label" for="s16">
                                <span class="txt_left">特等座</span>
                                <p class="ft_right"><input type="checkbox" class="weui-check" name="checkbox1" id="s16"><i class="weui-icon-checked"></i></p>
                                </label>
                            </div>
                            <div class="weui-picker__item weui-cell">
                                <label class="weui-cell__hd weui-check__label" for="s17">
                                <span class="txt_left">一等座</span>
                                    <p class="ft_right"><input type="checkbox" class="weui-check" name="checkbox1" id="s17">
                                        <i class="weui-icon-checked"></i></p>
                                </label>
                                <label class="weui-cell__hd weui-check__label" for="s18">
                                <span class="txt_left">二等座</span>
                                <p class="ft_right"><input type="checkbox" class="weui-check" name="checkbox1" id="s18"><i class="weui-icon-checked"></i></p>
                                </label>
                            </div>
                            <div class="weui-picker__item weui-cell">
                                <label class="weui-cell__hd weui-check__label" for="s19">
                                    <span class="txt_left">无座</span>
                                    <p class="ft_right"><input type="checkbox" class="weui-check" name="checkbox1" id="s19">
                                    <i class="weui-icon-checked"></i></p>
                                </label>
                            </div>
                        </div> 
                    </div>
                </div> 
            </div> 

        <div class="date_show"> 
            <div class="weui-mask"></div> 
                <div class="weui-picker"> 
                    <div class="weui-picker__hd"> 
                        <a href="javascript:;" data-action="cancel" class="weui-picker__action dayCancle">取消</a>
                        <a href="javascript:;" data-action="select" class="weui-picker__action dayConfirm" id="weui-picker-confirm">确定</a>
                    </div> 
                    <div class="title">
                        <p class="trainNum_state">抢票高峰，多选几个日期，成功率更高。</p></div>
                    <div class="weui-picker__bd">
                        <div class="weui-picker__content weui-cells_checkbox daySelect" style="transform: translate3d(0px, 0px, 0px);">
                            <div class="weui-picker__item weui-cell">
                                <label class="weui-cell-hd weui-check__label" for="s21">
                                <span class="txt_left ft_left">3月13号（星期一）</span>
                                    <p class="ft_right"><input type="checkbox" class="weui-check" name="checkbox1" id="s21">
                                        <i class="weui-icon-checked"></i></p>
                                </label>
                            </div>
                            <div class="weui-picker__item weui-cell">
                                <label class="weui-cell-hd weui-check__label" for="s22">
                                <span class="txt_left ft_left">3月14号（星期二）</span>
                                    <p class="ft_right"><input type="checkbox" class="weui-check" name="checkbox1" id="s22">
                                        <i class="weui-icon-checked"></i></p>
                                </label>
                            </div>
                            <div class="weui-picker__item weui-cell">
                                <label class="weui-cell-hd weui-check__label" for="s23">
                                <span class="txt_left ft_left">3月15号（星期三）</span>
                                    <p class="ft_right"><input type="checkbox" class="weui-check" name="checkbox1" id="s23">
                                        <i class="weui-icon-checked"></i></p>
                                </label>
                            </div>
                            <div class="weui-picker__item weui-cell">
                                <label class="weui-cell-hd weui-check__label" for="s24">
                                <span class="txt_left ft_left">3月16号（星期四）</span>
                                    <p class="ft_right"><input type="checkbox" class="weui-check" name="checkbox1" id="s24">
                                        <i class="weui-icon-checked"></i></p>
                                </label>
                            </div>
                        </div> 
                    </div>
                </div> 
            </div> 

        </div>
	</section>
    <div id="fix-hegiht" style="height: 200px; width: 100%; display: none;"></div>
    <div class="bottom">
        <p class="trainNum_state txt_center">在发车1小时前一直为您抢票，您可以随时停止抢票。</p>
        <a class="link" id="">开始抢票</a>
    </div>



    <!--<script type="text/html" id="dataPick">-->
        <!--<div class="weui-picker__item weui-cell">-->
            <!--<label class="weui-cell-hd weui-check__label" for="s21">-->
            <!--<span class="txt_left ft_left">3月13号（星期一）</span>-->
            <!--<p class="ft_right"><input type="checkbox" class="weui-check" name="checkbox1" id="s21">-->
            <!--<i class="weui-icon-checked"></i></p>-->
            <!--</label>-->
         <!--</div>-->
    <!--</script>-->

    <script type="text/html" id="clone_12306">
        <!-- 绑定12306账号 -->
        <div class="weui-mask weui-mask--visible"></div>
        <div id="login">
            <div class="weui-flex tip">
                <span class="weui-flex__item">绑定12306账号</span>
                <i class="iconfont icon-guanbi1"></i>
            </div>
            <dl class="login-info">
                <dt class="weui-flex">
                    <i class="iconfont icon-geren"></i>
                    <input id="account" type="text" class="weui-input weui-flex__item" placeholder="请输入12306账号">
                </dt>
                <dt class="weui-flex">
                    <i class="iconfont icon-mima"></i>
                    <input id="pwd" type="password" class="weui-input weui-flex__item" placeholder="请输入12306密码">
                </dt>
                <dd>
                </dd>
            </dl>
            <div class="btn_login">
                <a class="weui-btn btn_or" href="javascript:" id="a_login_12306">确认</a>
            </div>
        </div>
    </script>
    <script type="text/html" id="passengerTemp">
        <li class="weui-flex passengerInfo">
            <dd class="weui-flex__item">
            <span class="reduce"><i class="iconfont icon-jianshao"></i></span>
            <span class="passengerName" style="display: inline-block;margin-right: 0.1rem;">姓名</span><span class="passengerType" style="transform: scale(0.8);display: inline-block;color: #747a7f;">类型</span>
            </dd>
            <dd class="passengerNo">证件号码</dd>
            </li>
    </script>

    <script src="../statics/js/lib/jquery-2.0.3.min.js"></script>
    <script src="../statics/js/lib/jweixin-1.0.0.js"></script>
    <script src="../statics/js/lib/weui.min.js"></script>
    <script src="../statics/js/lib/jquery-weui.min.js"></script>
    <script src="../statics/js/ticketjs/base.js"></script>
    <script src="../statics/js/ticketjs/grabTicket.js"></script>
</body>
</html>